body {
	color: red;
	background: #333 ! important;
}

a {
	text-decoration: none;
}
a:link {color:#FF0000 ! important}      /* unvisited link */
a:visited {color:#00FF00 ! important}  /* visited link */
a:hover {color:#FF00FF ! important}  /* mouse over link */
a:active {color:#0000FF ! important}  /* selected link */

div {
	float: left;
}

.aboutContent {
	color: #555;
	border: 1px solid #ccc;
	padding: 16px;
	width: 600px;
}
h1 {
	font-size: 16px;
	color: #333;
	text-align: left;
	margin: 2px;
}

.main_panel {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	border: 0px solid red;
	/*	margin: 0 auto; 
		white-space:nowrap;	
	*/
}

.title {
	margin: 6px;
	height: 40px;
	padding: 3px;
}
.title p{
	margin:2px;
	color: #ccc ! important;
}
.title h1 {
	color: #ccc ! important;
}

.title p {
	margin: 1px;
	color: #000;
}

.about {
	cursor: pointer;
	color: #ccc;
}

.controls {
	position: absolute;
	top: 0px;
	left: 0px;
	background: #4d4d4d;
	text-align: left;
	border: 0px solid red;
	border-spacing: 1px;
}

.alpha_canvas {
	position: absolute;
	top: 60px;
	left: 0px;
	border: 1px solid #CCC;
	background: #fff;
	width: 900px;
	height: 556px;
}

.feedback {
	position: absolute;
	left: 0px;
	top: 300px;
	margin: 0px;
	width: 100%;
	height: 40px;
	background: #ccc;
}

.feedback .label {
	padding: 6px;
	color: #111;
}

.textBox {
	margin: 16px 6px 6px 16px;
	width: 13em;
	background: #fff;
	float: left;
	clear: none;
}

/* font size styles*/
#goat-fontSizePicker {
	height: 45px;
	border: 0px solid #999;
	margin: 6px;
	/*	text-align: center;*/
	overflow: auto;
	float: left;
}

.fontSizeOption {
	width: 20px;
	height: 45px;
	border: 1px solid #eee;
	background: rgb(150, 150, 150);
	cursor: pointer;
}

/* color picker styles*/
#goat-cp {
	border: 1px solid #ccc;
	margin: 6px;
	float: left;
	width: 13em;
	float: left;
}

#goat-cp  .selectedColor {
	border: 0px solid #aaa;
	width: 40px;
	height: 45px;
}

#goat-cp .swatch {
	border: 0px solid green;
	width: 10px;
	height: 15px;
	cursor: pointer;
}